<head>
	<link href="style.css" rel="stylesheet" type="text/css">
	<link href="css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/upload_profile_header.js"></script>
</head>
<body>
	<div id="page">
		<div id="headerCai">
			<div id="logoCai">
				<img id="imageCai" src="http://www.cai.cl/home/templates/cai_theme/images/head.png"></img>
				<div id="patch1">
					<div id="patch2">
						<a class="title" href="http://www.cai.cl/home">
							<h1 id="centroAlumnos">Centro de Alumnos de Ingenieria</h1>
							<h2 id="pucName">Pontificia Universidad Catolica de Chile</h2>
						</a>
					</div>
				</div>
			</div>
			<div id="menuCai">
			</div>
		</div>
		<div id="header">
			<div id="leftHeader">
				<div id="logoCentral">
					<p id="imageCentral">Central de Apuntes</p>
				</div>
			</div>
			<div id="rightHeader">
				<div id="jic">
				</div>
				<div id="login">
					<p id="greeting">Bienvenido, <a href="profile.html">Juan Pablo</a>!</p>
				</div>
			</div>
		</div>
		<div id="main">
			<div id="sidebar">
				<div id="uploadfilesbutton">
					<form>
						<input type="file" multiple onchange="showFiles()">
						<button id="uploadButton" onclick="upload()" disabled>Subir!</button>
					</form>
				</div>
				<div id="filelist" style="display:none">
					<div id="file1" class="files" onclick="openMenu(this, 'uploadcontent1')">
						<img src="pdf_icon.gif"><label class="fileForm">calc1_I1_2S_2010.pdf</label><label class="sizeLabel">3.4MB</label>
					</div>
					<div id="file2" class="files" onclick="openMenu(this, 'uploadcontent2')">
						<img src="pdf_icon.gif"><label class="fileForm">c1_I2_2S_2010.pdf</label><label class="sizeLabel">2.5MB</label>
					</div>
					<div id="file3" class="files" onclick="openMenu(this, 'uploadcontent3')">
						<img src="pdf_icon.gif"><label class="fileForm">calculo1_I3_2S_2010.pdf</label><label class="sizeLabel">6.7MB</label>
					</div>
					<div id="file4" class="files" onclick="openMenu(this, 'uploadcontent4')">
						<img src="zip-icon.png"><label class="fileForm">Controles_Calculo1.zip</label><label class="sizeLabel">2.3MB</label>
					</div>
				</div>
			</div>
			<div id="separator">
			</div>
			<div id="content">
				<div id="uploadcontent1" class="content" style="display:none" >

					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla1" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName1" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type1" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester1" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers1',0); return false">+</button><input type="text" id="teachers1" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags1',0); return false">+</button><input type="text" id="tags1" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel1"></label></div>
						<div class="uploadForm"><label id="tagsLabel1"></label></div>
						<p>Si presiona Ctrl+Alt+G, se copiar&aacute el valor del campo actual en todos los archivos!</p>
					</form>
				</div>
				<div id="uploadcontent2" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla2" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName2" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type2" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester2" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers2',1); return false">+</button><input type="text" id="teachers2" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags2',1); return false">+</button><input type="text" id="tags2" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel2"></label></div>
						<div class="uploadForm"><label id="tagsLabel2"></label></div>
						<p>Si presiona Ctrl+Alt+G, se copiar&aacute el valor del campo actual en todos los archivos!</p>
					</form>
				</div>
				<div id="uploadcontent3" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla3" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName3" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type3" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester3" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers3',2); return false">+</button><input type="text" id="teachers3" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags3',2); return false">+</button><input type="text" id="tags3" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel3"></label></div>
						<div class="uploadForm"><label id="tagsLabel3"></label></div>
						<p>Si presiona Ctrl+Alt+G, se copiar&aacute el valor del campo actual en todos los archivos!</p>
					</form>
				</div>
				<div id="uploadcontent4" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla4" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName4" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type4" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester4" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers4',3); return false">+</button><input type="text" id="teachers4" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags4',3); return false">+</button><input type="text" id="tags4" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel4"></label></div>
						<div class="uploadForm"><label id="tagsLabel4"></label></div>
						<p>Si presiona Ctrl+Alt+G, se copiar&aacute el valor del campo actual en todos los archivos!</p>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>